<template>
  <div>
    <!-- 1. 变量准备-静态页面铺设 -->
    <h1>{{ msg }}</h1>
    <!-- 2. 绑定点击事件 -->
    <button @click="btn">逆转世界</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg: "Hello, World"
    }
  },
  methods: {
    btn(){
      // 把字符串转成数组 split
      let arr = this.msg.split("");
      arr.reverse()
      // 把数组中的所有元素放入一个字符串。join
      this.msg = arr.join("");
      console.log(arr);
      // 简写
      // this.msg = this.msg.split("").reverse().join("");
    }
  }
}
</script>